html,
body {
    margin:0;
    padding:0;
    height:100%;
    background-color: #B3DAEF;
}
#container {
    min-height:100%;
    position:relative;
}
#headerContainer {
    background-color: #383838;
}

#bodyContainter {
    padding-bottom:60px;    /*Height of the footer */
}
#body {
    background-color: rgba(255,255,255,0.3);
}
#footerContainer {
    position:absolute;
    /*bottom:0;*/
    width:100%;
    height:60px;    /*Height of the footer */
}
#footer{
    height:60px;   /* Height of the footer */
    background-color: #383838;
}
.globalContainer{
    text-align:center;
}
.centeredContainer{
    text-align:left; margin: auto 4.0em; display: inline-block;
    width: 800px;
}

#main {
    float:right;
    width:65%;
    padding:0px;
}
#sidebar {
    float:left;
    width:35%;
    padding:0px;
}
.header a{
    text-decoration: none;
    color: white;
}
.header .ui-button .ui-button-text{
    padding: .2em .4em;
    color: black;
}
.header-left{

}
.header-right{
    text-align: right;
}
.header .searchButton{
    margin-left: -40px;
    background: none transparent;
    padding: 0px;
    border-color: transparent;
    webkit-box-shadow: none;
    box-shadow: none;
}
